@charset "utf-8";

/* reset */
*{margin:0; padding:0}
body,input,button,textarea,select{font-size:12px;font-family:'돋움',Dotum,Helvetica,Sans-serif;color:#424242;}
h1,h2,h3,h4,h5,h6{font-size:1em;}
img, fieldset{border:none;}
hr, button img{display:none;}
li{list-style:none;}
a{text-decoration:none; color:#424242;}
a:hover{text-decoration:underline;}
textarea{overflow:auto;}
em,address{font-style:normal;}
.blind{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

/*
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
body,input,button{font-size:12px;line-height:1.2em;color:#383d41;font-family:'dotum';}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left}
img,fieldset,iframe{border:0 none}
li{list-style:none}
a{color:#333;text-decoration:none}
a:hover{color:#222;text-decoration:underline}
em,address{font-style:normal}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
img {vertical-align:bottom}
input, select, button , label {vertical-align:middle}
table {table-layout:fixed;border-spacing:0;border-collapse: collapse;margin:0;padding:0}
input[type=text]:focus,input[type=password]:focus , textarea:focus{outline:1px solid #0f9104}
*/
button,label{cursor:pointer;_cursor /**/:hand}

/* common */
.blind , legend {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.show{display:block}
.hide{display:none}
.br0 {border:0}
.bg0 {background:none}
.strong, .bold {font-weight:bold}
.center {text-align:center}
.vt {vertical-align:top}

/* Color */
.red {color:red}
.blue {color:blue}
.orange {color:orange}
.yellow {color:yellow}
.green {color:green}
.black {color:#000}
.white {color:#fff}

/* font */
.f12 {font-size:12px}
.f14 {font-size:14px}
.f16 {font-size:16px}
.f18 {font-size:18px}
.f20 {font-size:20px}

/* width */
.wd50 { width:50px; }
.wd60 { width:60px; }
.wd80 { width:80px; }
.wd100 { width:100px; }
.wd120 { width:120px; }
.wd200 { width:200px; }
.wd250 { width:250px; }
.wd300 { width:300px; }
.wd400 { width:400px; }
.wd500 { width:500px; }
.wd600 { width:600px; }

/* margin padding */
.ml10 {margin-left:10px}
.mr10 {margin-right:10px}
.mt10 {margin-top:10px}
.mt25 {margin-top:25px}
.mb10 { margin-bottom:10px; }

/* input */
.input {height:18px;padding:0 5px;border:1px solid #d5d5d5;color:#777;line-height:18px;}
.input_large {height:25px;padding:0 10px;border:1px solid #d5d5d5;color:#777;line-height:25px;}
.radio_label { position:relative; top:-0.15em; }
.label { font-weight:bold; color:#777; }
select {font:12px 'dotum';color:#777;height:18px;border:1px solid #d5d5d5;color:#777;line-height:22px;}
textarea {width:100%;height:150px;border:1px solid #d5d5d5;font:12px 'dotum';color:#777;}

/* icon */
.modify {display:inline-block;width:19px;height:19px;background:transparent url('/img/common/icon.png') no-repeat -76px -24px;}
.setting {display:inline-block;width:14px;height:14px;background:transparent url('/img/common/icon.png') no-repeat 0 -50px;vertical-align:middle;}
.more {display:inline-block;width:52px;height:18px;background:transparent url('/img/common/icon.png') no-repeat -37px 0;vertical-align:middle;}
.phone {display:inline-block;width:11px;height:16px;background:transparent url('/img/common/icon.png') no-repeat -79px -52px;vertical-align:middle;}

/* bullet */
.b_phone {height:16px;padding-left:18px;background:transparent url('/img/common/bullet.png') no-repeat 0 -478px;}
.b_sms {display:inline-block;padding-left:20px;background:transparent url('/img/common/bullet.png') no-repeat -596px -264px;}
.b_cancel {display:inline-block;padding-left:20px;background:transparent url('/img/common/bullet.png') no-repeat -596px -113px;}
.b_setting {display:inline-block;padding-left:20px;background:transparent url('/img/common/bullet.png') no-repeat -600px -412px;}
.b_list {display:inline-block;padding-left:20px;background:transparent url('/img/common/bullet.png') no-repeat -600px -548px;}

/* Button Reset */
.button, .button a, .button button, .button input { position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:'dotum'; white-space:nowrap; overflow:visible; color:#333;}
.button { height:20px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a, .button button, .button input{ left:2px; vertical-align:top; cursor:pointer;letter-spacing:-1px;}
.btn_center {margin-top:15px;text-align:center}

/* Button Size */
.button.large { height:30px; background-position:0 -25px; }
.button.small { height:20px; background-position:0 0; }

.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 23px 0 21px; font-size:12px; line-height:30px; background-position:right -25px;}
.button.small a,
.button.small button,
.button.small input { height:20px; padding:0 10px 0 8px; font-size:12px; line-height:20px; background-position:right 0px;}

/* Button Text Color */
.button.white, .button.white a, .button.white button, .button.white input { background-image:url('/img/common/btn_white.gif'); color:#444;}
.button.white *:hover, .button.white *:active, .button.white *:focus{ color:#51a72a;} 

.button.black, .button.black a, .button.black button, .button.black input { background-image:url('/img/common/btn_black.gif'); color:#fff;}
.button.black *:hover, .button.black *:active, .button.black *:focus{ color:#7ad32a;} 

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}

/* paging */
.paging {position:relative;margin-top:20px;text-align:center;font:bold 11px 'Tahoma';}
.paging_num {line-height:30px;}
.paging_num a {padding:3px 5px;}
.paging_num a.active {color:#d72435}
.paging_num .prev {padding-left:10px;background:url('/img/common/bullet.png') no-repeat 0 -355px; font-weight:normal;}
.paging_num .next {padding-right:10px;background:url('/img/common/bullet.png') no-repeat 33px 3px; font-weight:normal;}
.paging .btn_paging {position:absolute;top:-7px;right:0;}

/* paging ver2 */
/*
.paging {margin-top:20px;height:25px;text-align:center;}
.paging a {display:inline-block;border:1px solid #b0b0b0;padding:6px 9px;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    -webkit-box-shadow:0 1px 1px #999;
}
.paging a:hover {text-decoration:none;}
.paging a img {display:inline;vertical-align:middle;}
.paging .on {color:red;font-weight:bold;}
.paging .prev {margin-right:15px;}
.paging .next {margin-left:15px;}
*/

/* table base */
.tbls { width: 100%; border-collapse: collapse; text-align: left; padding: 0; margin: 0; color:#666; }
.tbls th, 
.tbls td { border: 1px solid #DBDBDB; padding: 5px; word-break:break-all; word-wrap:break-word; }
.tbls th { background: #F2F2F2; font-weight: bold; }
.tbls th.left , .tbls td.left {text-align:left;padding-left:15px;}
.tbls th.center, .tbls td.center {text-align:center;padding:0;}
.tbls .tfoot { border-left:none; border-right:none; border-bottom:none; }

.tbls.style1 tbody tr:hover { background: #f0f5fb; }

/*
.tbl { width: 100%; border-collapse: collapse; text-align: center; margin-top:10px;}
.tbl th, .tbl td { border: 1px solid #DBDBDB; padding:8px 0; word-break:break-all; word-wrap:break-word;}
.tbl th { background: #eff0f1; font-weight: bold;  }
.tbl th.left , .tbl td.left {text-align:left;padding-left:15px;}
.tbl th.center, .tbl td.center {text-align:center;padding:0;}
.tbl tbody tr:hover { background: #f0f5fb; }
*/

/* box, layer */
.box {border:1px solid #ccc; background:#eff0f1; padding:15px;}
.box2 {border:1px solid #ccc; background:#eff0f1; padding:5px;}

/* layout */
#wrap {width:100%;height:100%;min-width:1000px;}
/*
#header {width:100%;height:30px;margin:0 auto;}
#header {width:100%;height:40px;margin:0 auto;background:#232634;line-height:40px;border-bottom:3px solid #46ad17;}

header {width:100%;height:40px;margin:0 auto;background:#232634;line-height:40px;border-bottom:3px solid #46ad17;}
*/

header {width:100%;height:40px;margin:0 auto;background:#CC0501;line-height:40px;border-bottom:3px solid #414141;}

.top { padding:0 10px; }
.logo, .logo a { color:#fff; font-weight:bold; }
.menu { position:absolute;top:0px;left:100px;color:#888;width:500px;height:15px; }
.menu a { color:#fff; padding:0 10px; margin-right:0px; }
.menu a.on { display: inline-block; background:#414141; color: white; font-weight: bold; padding:0 10px; }
.user_info {position:absolute;top:0px;right:15px;color:#fff;width:300px;height:15px;text-align:right;}
.user_info span {color:#fff;}

#container {width:100%;margin:0 auto;}
#container:after {display:block;content:"";clear:both;}
#aside {float:left;width:190px;}
#content {float:right;width:800px; }
#content_full {width:100%;}
#footer {width:100%;height:30px;margin:0 auto; margin-top:50px;}

.container_wrap { padding:20px 10px 10px 10px; margin:0 auto; width:980px; }
.container_wrap_center { width:1000px; padding:20px 10px 10px 10px; margin:0 auto; }

.section_tit {position:relative;height:18px;padding-bottom:5px;margin-bottom:20px;border-bottom:2px solid #000;font-size:16px;letter-spacing:-1px;}
.section_tit span {position:absolute;top:0;right:0;font-size:12px;font-weight:normal;color:#888;}